顯示屬性

• display設定區塊的顯示方式，如：none (不會顯示出來)、block(區塊格式)、lnline(預設值，與內文相同格式)、list-item(項目清單格式)。
• width 設定區塊寬度(px)。
• height 設定區塊高度(px)。
• inset 設定與其他區塊所間隔的距離(px)，依序寫入top、right、bottom、left屬性。

透過CSS區塊設定，可以達到切割網頁版型的效果，如：header (頁首)、main (主要區塊)、menu (左側功能欄)、footer (頁尾)。

其他區塊相關屬性

當排版時想要文字與圖片左右相鄰，就會需要文繞圖的格式，其設定方法如下：

• float 設定浮動區塊，以文繞圖的方式，如：left(區塊置左)、right(區塊置右)、none(一般區塊)。
• clear 設定該區塊解除文繞圖。

前面介紹display:none會讓區塊不會顯示出來，以下方法也能達到相同的效果～

• visibility設定是否能看見區塊，如：visible (能見) 、hidden (隱藏，該標籤佔據的空間還是會空著)。

• object-position設定物件在區塊內的顯示位置，寫入x軸座標像素或百分比、y軸座標像素或百分比。

• box-shadow設定區塊的陰影效果，寫入x軸右移像素、y軸下移像素、陰影大小像素、陰影顏色。

• vertical-align 設定區塊在水平軸上位置，如：baseline (與文字在同一基礎線上) 、text-top (在基礎線偏上的位置)、sup (在上標的位置)、text-bottom (在基礎線偏下的位置) 、sub(在下標的位置)。